<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>
<body>
    <div class="app-myself dpflex fdcolumn">
        <!-- 用户名 -->
        <div class="myself-user dpflex fdcolumn" id="myselfUser">
            <div class="user-box dpflex">
                <div class="user-head">
                    <img id="imgurl" src="../imgs/cat.jpg" alt="">
                </div>
                <span id="nickname">13795684715</span>
                <a href="./personalData.html"><i class="iconfont icon-rightreturn"></i></a>
            </div>
            <p>个性签名: <span id="sign" class="autograph">这个人很懒, 什么也没留下</span></p>
        </div>
        <!-- 个人动态 -->
        <div class="personal-dynamics dpflex">
            <div class="personal-left dpflex">
                <i class="iconfont icon-set2"></i>
                <span>个人动态</span>
            </div>
            <div class="personal-right dpflex">
                <span id="dynamicCount">10条</span>
                <a href="./circle.html"><i class="iconfont icon-rightreturn"></i></a>
            </div>
        </div>
        <!-- 运动数据 -->
        <div class="myself-sports dpflex fdcolumn">
            <div class="sports-data dpflex">
                <div class="data dpflex">
                    <i class="iconfont icon-zhuzhuangtu"></i>
                    <span>运动数据</span>
                </div>
                <a href="./motionData.html"><i class="iconfont icon-rightreturn"></i></a>
            </div>
            <div class="all-sports-box dpflex">
                <div class="all-sports">
                    <span>总运动</span>
                    <p><span class="sports-time" id="times">999999</span>分钟</p>
                </div>
                <div class="consume">
                    <span>本周消耗</span>
                    <p><span class="consume-time" id="calorie">999999</span>千卡</p>
                </div>
            </div>
        </div>

        <!-- 运动徽章 -->
        <div class="myself-badge dpflex fdcolumn">
            <div class="badge-top dpflex">
                <div class="top-right dpflex">
                    <i class="iconfont icon-xiongzhang"></i>
                    <span>我的运动徽章</span>
                </div>
                <a href="./myBadge.html"><i class="iconfont icon-rightreturn"></i></a>
            </div>
            <div class="badge-bottom dpflex">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>

        <!-- 退出登录 -->
        <button id="loginOut">退出登录</button>
    </div>
</body>
</html>